@charset "utf-8";
html,body{background:#fff;color:#333;font:14px/1.6 'Microsoft YaHei',Tahoma,Verdana,'Simsun';}
a{color: #595959;text-decoration:none;}
a:hover{color: #c7000a;text-decoration:none;}
.tem_inner,.met_section{position:relative;margin:0 auto;margin:0 auto; }
.tem_head{min-height: 110px;position:  relative;width: 1260px;}
@media(min-width:1480px){.tem_inner {padding:0;width: 1450px;}
}
@media(min-width:1480px){.tem_inner {padding:0;width: 1450px;}
}
header.tem_headborder{/* border-bottom:1px solid #ddd; */}
header section{border-bottom:1px solid #e7e8ed;background:#f7f8fa;}
.tem_head img{vertical-align: middle;}
.tem_head .qrcode{display: inline-block;float: left;margin-top: 9px;margin-left: 75px;}
.tem_top{position:relative;z-index:100;height:35px;color:#53555a;font-size:12px;line-height:35px;}
.tem_top h2{font-weight:normal;}
.tem_top a{color:#53555a;}
.tem_top a:hover{color:#e9280c;}
.tem_top_nav{position:absolute;top:0;right:0;}
.tem_top_nav ol{float:right;margin:0;padding:0;}
.tem_top_nav ol li{float:left;list-style:none;}
.tem_top_nav ol li.line{width:30px;color:#eee;text-align:center;}
.tem_top_nav dl{position:relative;float:right;}
.tem_top_nav dl dt i{margin-left:5px;}
.tem_top_nav dl dd{position:absolute;top:35px;right:0;display:none;padding:10px 18px;border:1px solid #e7e8ed;background:#f7f8fa;white-space:nowrap;}
.tem_top_nav dl dd a{display:block;height:35px;line-height:35px;}
.tem_top_nav div.line{float:right;width:30px;color:#eee;text-align:center;}

.tem_head h1 img,.tem_head h2 img{position:relative;z-index:999;font-size:0;}

header h1{display:inline-block;float: left;}
header h2 {
    display: inline-block;
    float: left;
}
header h1 a{display:inline-block;}
header h2 a{display:inline-block;}
.tem_head nav{height: 110px;line-height: 135px;width: 740px;display:  inline-block;float: left;margin-left: 70px;}
.tem_head nav ul{margin:0;padding:0;list-style:none;}
.tem_head nav ul li{position:relative;float:left;margin-left: 0px;}
.tem_head nav a{display:block;padding: 0px 22px;font-size:  15px;color: #4c4c4c;font-weight: bold;}
.tem_head nav a:hover{color: #c7000a;}
.tem_head nav a.navdown{/* border-radius:2px; *//* background:#e9280c; */color: #c7000a;}
.tem_head nav a.navdown:hover{color: #c7000a;}
.tem_head nav ul li dl{position:absolute;top: 103px;left: 0px;z-index:99;display:none;width:500px;background:rgba(199, 0, 10, 0.84);border-radius: 5px;}
.tem_head nav ul li dl dd{float:left;padding:10px 0;width:100px;}
.tem_head nav ul li dl dd a{margin:0 10px;padding:0;padding:8px 5px;text-align:center;line-height:1.5;color: #fff!important}
.tem_head nav ul li dl dt{float:right;overflow:hidden;padding:20px 20px 20px 0;width:380px;height:200px;font-size:0;}
.tem_head nav ul li dl dt img{width:380px;height:200px;}
.tem_head nav ul li dl dd i{position:absolute;top:-14px;left:50px;z-index:100;width:100%;color:#f3f4f5;font-size:22px;display: none;}
.tem_head nav ul li dl.tem_pronoaw{width:auto;}
.tem_head nav ul li dl.tem_pronoaw dd{width:auto;}
.tem_head nav ul li dl.tem_pronoaw dd div{float:left;padding:0 20px;min-width:100px;}
.tem_head nav ul li dl.tem_pronoaw dd div h3{margin-bottom:5px;border-bottom:1px solid #888;font-weight:normal;}
.tem_head nav ul li dl.tem_pronoaw dd div p a{margin:0;}
.tem_banner{position:relative;overflow:hidden;background:#fafafa;text-align:center;font-size:0;}
.tem_banner ul { overflow:hidden; }
.tem_banner ul li{float:left;width:100%;list-style:none;background-position:50% 50%;background-repeat:no-repeat;}
.tem_banner ul li a{display:block;width:100%;height:100%;}
.tem_banner ul li img{ max-width:100%; height:auto;}
.tem_banner .flex-control-nav{position:absolute;right:0;bottom:20px;left:0;text-align:center;}
.tem_banner .flex-control-nav li{margin:0px;}
.tem_banner .flex-control-nav li a{display:inline-block;margin:0 6px;width:10px;height:10px;border:1px solid #fff;border-radius:10px;text-indent:-999em;cursor:pointer; background:none;}
.tem_banner .flex-control-nav li a.flex-active{background:#fff;}
.tem_banner .flash img{width:100%!important;}
.tem_index_title{margin:0 0 60px 0;border-bottom:1px solid #ccc;text-align:center;font-weight:normal;font-size:22px;}
.tem_index_title span{position:relative;top:2px;display:inline-block;padding:10px 15px;border-bottom:4px solid #666;}
.tem_index_title p{color:#8c8c8c;font-weight:normal;}
.tem_index_more{clear:both;margin:0 auto;padding-top:30px;width:200px;text-align:center;}
.tem_index_more a{display:block;height:40px;background:#e9280c;color:#fff;font-weight:normal;font-size:14px;line-height:40px;}
.tem_index_more a:hover{background:#d82208;color:#fff;}
.tem_index_to{border-top:1px solid #e7e8ed;border-bottom:1px solid #e7e8ed;background:#f7f8fa;}
.tem_wp1,.tem_wp2,.tem_wp3,.tem_wp4,.tem_wp5{visibility:hidden;}
.bounceInLeft,.bounceInRight,.fadeInUp,.fadeInUpDelay,.fadeInDown,.fadeInUpD,.fadeInLeft,.fadeInRight{visibility:visible;}
.tem_index_about{padding:50px 0 80px;}
.tem_index_about_cont{margin-right:25px;padding:50px 0;}
.tem_index_about_txt{float:left;width:55%;}
.tem_index_about .txtwd100{float:none;width:100%;}
.tem_index_about_txt .met_editor{padding:0px 50px 0;}
.tem_index_about_img{float:right;overflow:hidden;width:45%;height:227px;font-size:0;}
.tem_index_about_video{float:right;overflow:hidden;width:45%;}
.tem_index_about_img ul{float:left;overflow:hidden;width:70%;height:227px;list-style:none;}
.tem_index_about_img .tem_index_about_img_noe{float:none;width:100%;}
.tem_index_about_img ul li{padding:4px;border:1px solid #eee;}
.tem_index_about_img ul img{width:100%;height:217px;}
.tem_index_about_img ol{float:right;overflow:hidden;width:30%;list-style:none;}
.tem_index_about_img ol li{position:relative;margin-bottom:8px;margin-left:20px;padding:4px;border:1px solid #eee;}
.tem_index_about_img ol img{width:100%;height:60px;cursor:pointer;}
.tem_index_about_img ol li.tem_now{background:#eee;}
.tem_index_about_img ol li i{position:absolute;top:26px;left:-8px;display:none;color:#eee;font-size:20px;}
.tem_index_about_img ol li.tem_now i{display:block;}
.tem_index_about_img ol li.tem_hover{background:#eee;}
.tem_index_about_more{padding-top:10px;}
.tem_index_about_more a{display:inline-block;padding:0 30px;height:30px;border:2px solid #eee;color:#999!important;text-decoration:none;font-weight:normal;line-height:30px;}
.tem_index_about_more a:hover{ background:#eee; text-decoration:none!important; }
.tem_index_product{padding:50px 0 80px;}
.tem_index_product ul{list-style:none;}
.tem_index_product ul li{float:left;overflow:hidden;margin-bottom:30px;text-align:center;}
.tem_index_product ul li a{display:block;margin:0 auto;background:#fff;text-align:center;font-size:0;}
.tem_index_product ul li h2{padding:10px;background:#8c989f;color:#fff;text-align:left;font-weight:normal;font-size:14px;}
.tem_index_product a img{-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.tem_index_product a:hover img{opacity:.5;filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;}
.tem_index_news{padding:50px 0 80px;text-align:center;}
.tem_index_news_tab{display:inline-block;margin:0 0 10px;height:37px;border-right:1px solid #8c989f;list-style:none;line-height:37px;}
.tem_index_news_tab li{float:left;}
.tem_index_news_tab li h3{padding:0 40px;height:35px;border:1px solid #8c989f;border-right:0;font-weight:normal;line-height:35px;cursor:pointer;}
.tem_index_news_tab li.flex-active h3{background:#8c989f;color:#fff;}
.tem_index_news_tab li:hover h3{background:#8c989f;color:#fff;}
.tem_index_news_list{margin:20px 0 0;}
.tem_index_news_list li{float:left;overflow:hidden;width:50%;list-style:none;text-align:left;}
.tem_index_news_list li a{display:block;}
.tem_index_news_list li dl{margin-right:10px;padding-top:21px;height:115px;}
.tem_index_news_list li dl.tem_even{margin-right:0;margin-left:10px;}
.tem_index_news_list dt{position:relative;float:left;overflow:hidden;width:100px;height:115px;border-bottom:1px solid #e7e8ed;font-size:0;}
.tem_index_news_list dt img{margin-left:10px;width:90px;height:90px;border-radius:60px;}
.tem_index_news_list dd{float:left;margin-left:-100px;width:100%;}
.tem_index_news_list dd a{padding:0 10px;}
.tem_index_news_list_txt{margin-left:100px;height:115px;border-bottom:1px solid #e7e8ed;}
.tem_index_news_list_txt h3{overflow:hidden;margin-bottom:3px;height:23px;color:#000;font-weight:normal;line-height:23px;}
.tem_index_news_list_txt p{overflow:hidden;height:42px;color:#818181;}
.tem_index_news_list_txt span.time{display:block;height:25px;color:#818181;line-height:25px;}
.tem_index_news_list li dl:hover{background:#f7f8fa;}
.tem_index_news_list .tem_index_more{float:none;width:200px;text-align:center;}
.tem_index_case{padding:50px 0 80px;}
.tem_index_case_list ul.slides li{float:left;list-style:none;}
.tem_index_case_list .tem_list{float:left;width:25%;}
.tem_index_case_list .tem_list dt{ text-align:center;font-size:0;}
.tem_index_case_list .tem_list dt a{display:block;overflow:hidden;margin:0 auto;}
.tem_index_case_list .tem_list dt img{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.tem_index_case_list .tem_list dt a:hover img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);-ms-transform:scale(1.2);}
.tem_index_case_list .tem_list h3{margin:0 auto;height:40px;background:#8c989f;text-align:center;font-weight:normal;line-height:40px;}
.tem_index_case_list .tem_list h3 a{color:#fff;}
.tem_index_case_list .tem_list h3 a:hover{color:#fff;}
.tem_index_case_list .flex-control-nav{margin-top:30px;}
.tem_index_footer{padding:40px 0 50px;background:#1e1e1e;}
.tem_index_footer dl{float:left;}
.tem_index_footer dl dt{margin-right:25px;height:40px;border-bottom:1px solid #363636;color:#f3f3f3;font-size:16px;line-height:40px;}
.tem_index_footer dl dt span{position:relative;top:-1px;display:inline-block;border-bottom:3px solid #838383;}
.tem_index_footer dl dd{margin-right:25px;}
.tem_index_footer_contact{width:35%;}
.tem_index_footer_contact li{position:relative;margin-top:25px;padding-top:5px;padding-left:48px;min-height:35px;color:#646363;list-style:none;}
.tem_index_footer_contact li i{position:absolute;top:0;left:0;width:35px;height:35px;border:1px solid #424244;border-radius:5px;color:#7c7c7c;text-align:center;font-size:22px;line-height:35px;}
.tem_index_footer_link{width:35%;}
.tem_index_footer_link dd{padding:20px 0;}
.tem_index_footer_link a{display:inline-block;margin:0 12px 10px 0;color:#646363;white-space:nowrap;}
.tem_index_footer_link a:hover{color:#ababab;}
.tem_index_footer_link a img{height:45px;}
.tem_index_footer_attention{width:30%;}
.tem_index_footer_attention dd{padding:20px 0;color:#646363;}
.tem_index_footer_attention li{display:inline-block;margin:8px;list-style:none;}
.tem_index_footer_attention li a{display:block;overflow:hidden;width:44px;height:44px;background:url(../pnt.png) no-repeat left top;color:#646363;font-size:0;}
.tem_index_footer_attention li.tenxun a{background-position:-83px top!important;}
.tem_index_footer_attention li.weixin a{background-position:-247px top!important;}
.tem_index_footer_attention li.qq a{background-position:-165px top!important;}
.tem_index_footer_attention li:hover a{background:url(../pnthover.png) no-repeat;}
.tem_index_footer_attention img{margin-top:8px;width:100px;}
.tem_index_footer_attention p{margin-top:5px;}
.tem_footer{position:relative;padding:30px 0;background:#161616;color:#4a4a4a;font-size:12px;}
.tem_footer a{color:#4a4a4a;}
.tem_footer_nav{position:absolute;top:50%;right:0;margin-top:-15px;height:30px;line-height:30px;}
.tem_footer_nav a{margin-left:30px;}
.powered_by_metinfo{height:35px;background:#161616;color:#4a4a4a;text-align:center;font-size:12px;line-height:35px;}
.powered_by_metinfo a{color:#4a4a4a;}
 
.met_section aside{position:relative;float:left;width:230px;}
.met_section article{/* float:left; *//* margin-left:-230px; */width:100%;}
.met_section article .met_article{/* margin-left:250px; */}
.met_section_asidenone article{float:none;margin-left:0;}
.met_section_asidenone article .met_article{margin-left:0;}
.met_section aside section{border:1px solid #ddd;}
.met_section aside section h2{padding:0 20px;height:60px;border-bottom:1px solid #ddd;font-size:18px;line-height:60px;}
.met_section aside .met_aside_list{padding:10px 0;}
.met_section aside .met_aside dl dt{height:45px;line-height:45px;}
.met_section aside .met_aside dl dt a{display:block;padding:0 20px;color:#333;}
.met_section aside .met_aside dl dt a:hover{background:#efefef;}
.met_section aside .met_aside dl dt.on{background:#efefef; border-left:4px solid #e9280c;}
.met_section aside .met_aside dl dd{padding:6px 0 6px 0;}
.met_section aside .met_aside dl dd a{display:block;padding-left:40px;height:35px;color:#333;font-weight:normal;line-height:35px;}
.met_section aside .met_aside dl dd .on a,.met_aside dl dd a:hover{background:#efefef;}
.met_section aside .met_related{margin-top:20px;}
.met_section aside .met_related ul{padding:20px;}
.met_section aside .met_related li{margin-bottom:8px;list-style:none;}
.met_article_head{position:relative; height:75px; line-height:75px;text-align:  center;margin:  0 auto;width:  1400px;}


.hnav{width: 100%;border-bottom:1px solid #ddd;}


@media(max-width: 1420px){
	.met_article_head{width: 1260px;}
}


.met_article_head .met_position{position:absolute;top:0;right:10px;color: #999;font-family:'宋体';line-height: 125px;font-size:  12px;}
.met_article_head .met_position a{color:#999;font-family:'Microsoft YaHei',Tahoma,Verdana,'Simsun';}
.met_article_head h1{color:#555;font-weight:normal;font-size:18px;}
.met_section_sehed{padding-top:0;}
.met_section_head{height:50px;color:#aaa;font-size:12px; line-height:50px;}
.met_section_head a{color:#999;font-family:'Microsoft YaHei',Tahoma,Verdana,'Simsun';}
.met_section_head a:hover{color:#e9280c;}


/*以下CSS样式谨慎修改，内页各模块样式，多模板可共用*/
body,h1,h2,h3,h4,h5,h6,dl,dt,li,ol,ul,dd,th,td,p,pre,form,input,button,textarea,hr{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-size:100%}
img{border:0}
button,input,select,textarea{font-size:100%}
.met_clear{clear:both}
.met_none{display:none}
.met_hidden{visibility:hidden}
.met_fl{float:left}
.met_fr{float:right}
.met_editor{line-height:2}
.met_editor {width: 1200px;margin: 0 auto;padding: 0 30px;}
.met_editor ul,.met_editor ol{padding:0 0 0 25px;margin:0}
.met_editor a{color:#1c57c4}
.met_editor a:hover{text-decoration:underline}
.met_editor img{max-width:100%;height:auto!important;}
.met_editor blockquote{padding-top:5px;padding-bottom:5px;padding-left:15px;border-left:4px solid #ddd}
.met_editor hr{display:block;padding:0;border:0;height:0;border-top:1px solid #ddd;margin:20px 0;-webkit-box-sizing:content-box;box-sizing:content-box}
.met_editor .metvideobox{ text-align:center; visibility:hidden; margin:10px auto; }
.met_editor .video-js{ max-width:100%; }
.met_editor table{width:100%!important;margin-bottom:1.6rem;border-spacing:0!important;border-collapse:collapse!important;padding:0!important;border:0}
.met_editor table td{border:1px solid #ddd!important}
.met_editor table>thead>tr>th,table>tbody>tr>th,table>tfoot>tr>th,table>thead>tr>td,table>tbody>tr>td,table>tfoot>tr>td{padding:.7rem;line-height:1.6;vertical-align:top;border-top:1px solid #ddd}
.met_editor table>thead>tr>th{vertical-align:bottom;border-bottom:1px solid #ddd}
.met_editor #page_break .collapse{display:none}
.met_editor #page_break .num{padding:10px 0;text-align:center}
.met_editor #page_break .num li{display:inline;margin:0 2px;padding:3px 5px;border:1px solid #ccc;background-color:#fff;color:#666;text-align:center;cursor:pointer;font-family:Arial;font-size:12px;overflow:hidden}
.met_editor #page_break .num li.on{background-color:#ccc;color:#fff;font-weight:bold}
.metinfo-banner1{overflow:hidden;margin:0 auto}
.met_pager{text-align:center;padding: 20px 0 50px;}
.met_pager a{border:1px solid #e0e0e0;text-align:center;height:28px;line-height:28px;min-width:28px;_width:28px;text-align:center;display:inline-block;color:#aaa}
.met_pager a:hover{border: 1px solid #c7000a;/* color: #fff; */}
.met_pager .PreSpan,.met_pager .NextSpan{height:30px;line-height:30px;min-width:60px;_width:60px;text-align:center;background: #efefef;color: #939292;display:inline-block;}
.met_pager .PreA,.met_pager .NextA{height:28px;line-height:28px;min-width:58px;_width:58px;color:#aaa}
.met_pager .PreSpan,.met_pager .PreA{margin-right:6px}
.met_pager .NextSpan,.met_pager .NextA{margin-left:6px}
.met_pager .firstPage,.met_pager .lastPage{font-weight:bold;height:28px;line-height:28px;min-width:40px;_width:40px;color:#aaa}
.met_pager .Ahover{/* font-weight:bold; */background: #c7000a;color: #fff;border: 1px solid #c7000a;}
.met_pager .PageText{margin-left:10px;color:#aaa;display:  none;}
.met_pager #metPageT,#metPageB{text-align:center;border:1px solid #e0e0e0;color:#aaa}
.met_pager #metPageT{width:20px;padding:6px 5px 5px;display:  none;}
.met_pager #metPageB{min-width:40px;_width:40px;padding:6px 0 5px;cursor:pointer;font-weight:bold;display:  none;}
*html .met_pager #metPageT{height:13px;line-height:13px}
*html .met_pager #metPageB{padding:0;height:28px;line-height:20px}
*+html .met_pager #metPageT{height:13px;line-height:13px}
*+html .met_pager #metPageB{padding:0;height:28px;line-height:20px}
.met_module1{padding:30px 10px}
.met_module2_list{padding:10px 10px}
.met_module2_list li{list-style:none;border-bottom:1px solid #ddd;padding:15px 100px 15px 10px;position:relative}
.met_module2_list h2{font-weight:normal}
.met_module2_list li p{color:#818181}
.met_module2_list li span.time{color:#818181;position:absolute;right:10px;top:15px}
.met_module2_list li h2 i{margin-right:10px;position:relative}
.met_module2_list li.list_2 h2,.met_module2_list li.list_3 h2{margin-bottom:3px;font-weight:bold}
.met_module2_list li.list_2{padding:15px 0}
.met_module2_list li.list_3{padding-left:100px;min-height:80px}
.met_module2_list li.list_3 img{position:absolute;left:0;top:15px}
.met_module2_list li.list_3 span.time{position:static}
.met_module2 h1.met_title{font-size:28px;font-weight:normal;padding:5px 0}
.met_module2 .met_infos{color:#818181;font-size:12px;margin-bottom:30px;padding-bottom:10px;border-bottom:1px solid #ddd}
.met_module2 .met_time{padding-right:6px}
.met_module2 .met_source{padding-right:6px}
.met_module2 .met_source a{color:#607fa6}
.met_module2 .met_editor{padding:0 10px}
.met_tools{border-top:1px solid #ddd;margin-top:30px;position:relative;padding:10px 10px 0;height:50px;line-height:50px}
.met_tools .met_page{clear:both;position:absolute;right:5px;top:0;color:#818181}
.met_tools .met_page li{ display:inline; list-style:none; margin-left:30px;}
.met_tools .met_page li span{ padding-right:5px;}
.met_tools .met_page a{color:#607fa6}
.met_module3_list ul.list_1{list-style:none;visibility:hidden}
.met_module3_list ul.list_1 li{float:left;text-align:center;margin-top:30px;overflow:hidden}
.met_module3_list ul.list_1 li a{text-align:center;display:block;margin:0 auto;background:#fff;border:1px solid #ddd;font-size:0}
.met_module3_list ul.list_1 li h2{text-align:left;font-size:14px;padding:10px 10px;font-weight:normal;border-top:1px solid #ddd}
.met_module3_list ul a img{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}
.met_module3_list ul a:hover h2{color:#333}
.met_module3_list ul a:hover img{filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}
.met_module3_list ul.list_2{list-style:none;visibility:hidden}
.met_module3_list ul.list_2 li{padding:20px 10px;border-bottom:1px solid #ddd}
.met_module3_list ul.list_2 dt{float:left;position:relative}
.met_module3_list ul.list_2 dd{float:left;width:100%}
.met_module3_list ul.list_2 dd h2{padding:5px 10px;font-size:15px;font-weight:normal}
.met_module3_list ul.list_2 dd p{padding:5px 10px;color:#818181}
#showproduct dl.pshow{visibility:hidden}
#showproduct dl.pshow dt{float:left;position:relative;font-size:0;text-align:center;overflow:hidden;border-right:1px solid #ddd}
#showproduct dl.pshow dt .met_box{margin:0 auto;visibility:hidden}
#showproduct dl.pshow dt .met_box figcaption{display:none}
#showproduct dl.pshow dt .my-simple-gallery figure{float:left;margin:0}
#showproduct dl.pshow dt li{display:inline-block;margin-right:10px;margin-top:10px;cursor:pointer}
#showproduct dl.pshow dt li img{filter:alpha(opacity=90);-moz-opacity:.9;-khtml-opacity:.9;opacity:.9}
#showproduct dl.pshow dt li.flex-active{border:2px solid #000;width:66px;height:66px;position:relative;overflow:hidden}
#showproduct dl.pshow dt li.flex-active img{position:relative;left:-2px;top:-2px}
#showproduct dl.pshow dd{float:left;width:100%}
#showproduct dl.pshow dd .met_box{padding:0 20px}
#showproduct dl.pshow dd .met_box h1{font-size:24px;padding:20px 5px;border-bottom:1px solid #ddd}
#showproduct dl.pshow dd .met_box ul li{list-style:none;color:#818181;padding:8px 5px 8px 90px;border-bottom:1px solid #ddd;position:relative}
#showproduct dl.pshow dd .met_box ul li span{position:absolute;left:0;top:0;padding:8px 5px;width:80px;word-wrap:break-word}
#showproduct dl.pshow dd .met_box .desc{padding:10px;margin-top:20px;background:#f7f8fa;color:#666}
#showproduct .met_nav{height:45px;line-height:45px;margin:30px 0;border:1px solid #ddd}
#showproduct .met_nav li{float:left;list-style:none;border-right:1px solid #ddd;cursor:pointer}
#showproduct .met_nav li a{display:block;padding:0 40px}
#showproduct .met_nav li.met_now,#showproduct .met_nav li.met_hover{background:#f7f8fa}
#showproduct .met_related{margin-top:30px;font-size:18px;font-weight:normal;border-bottom:1px solid #ddd;padding:10px 10px;color:#333}
#showproduct .met_related_list{list-style:none;visibility:hidden}
#showproduct .met_related_list li{float:left;text-align:center;margin-top:30px;overflow:hidden}
#showproduct .met_related_list li a{text-align:center;display:block;margin:0 auto;background:#fff;border:1px solid #ddd;font-size:0}
#showproduct .met_related_list li h2{text-align:left;font-size:14px;padding:10px 10px;font-weight:normal;border-top:1px solid #ddd}
#showproduct .met_related_list li img{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}
#showproduct .met_related_list li a:hover h2{color:#333}
#showproduct .met_related_list li a:hover img{filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}
#showproduct .met_nav_contbox{padding:0 10px}
#downloadlist{padding:15px}
#downloadlist .metlist{margin-bottom:20px}
#downloadlist .metlist dt{border-bottom:1px solid #ddd;font-size:14px;font-weight:bold;padding:8px 5px 8px 0;background:url(../images/dt-9.gif) no-repeat 5px 11px}
#downloadlist .metlist dd{color:#999;padding:8px;background:#f7f8fa}
#downloadlist .metlist dd b{font-weight:normal}
#downloadlist .metlist dd div{float:right}
#downloadlist .metlist dd span{padding-right:20px}
#downloadlist .metlist dd a{color:#1c57c4}
#downloadlist .metlist dd a.down{color:#fa1a1a}
#showdownload{padding:15px}
#showdownload h1.title{font-size:24px;padding:15px 5px;border-bottom:1px solid #ddd;margin-bottom:30px}
#showdownload .paralist{background:#8c989f;padding:5px 10px;color:#fff;visibility:hidden}
#showdownload .paralist li{list-style:none;padding:8px 5px 8px 90px;min-height:20px;position:relative;border-bottom:1px solid #ddd}
#showdownload .paralist li:last-child{border-bottom:0}
#showdownload .paralist li a{color:#fff}
#showdownload .paralist li span{position:absolute;left:0;top:0;width:80px;padding:8px 5px;word-wrap:break-word}
#showdownload .met_editor{padding:0 10px}
#showdownload .ctitle{margin:30px 0 10px;padding:0 10px;font-size:16px;font-weight:normal;height:40px;line-height:40px;border-bottom:1px solid #ddd}
#showdownload .downloadbox{margin-top:30px}
#showdownload .downloadbox a{display:inline-block;background:#23b7e5;height:35px;line-height:35px;padding:0 35px;color:#fff;border-radius:2px}
#showdownload .downloadbox a:hover{background:#38c4f0}
#showdownload .downloadbox a.active{background:#1ba4cf}
#imglist ul.list_1{list-style:none;visibility:hidden}
#imglist ul.list_1 li{float:left;text-align:center;margin-top:30px;overflow:hidden}
#imglist ul.list_1 li a{text-align:center;display:block;margin:0 auto;background:#fff;border:1px solid #ddd;font-size:0}
#imglist ul.list_1 li h2{text-align:left;font-size:14px;padding:10px 10px;font-weight:normal;border-top:1px solid #ddd}
#imglist ul a img{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}
#imglist ul a:hover h2{color:#333}
#imglist ul a:hover img{filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}
#imglist ul.list_2{list-style:none;visibility:hidden}
#imglist ul.list_2 li{padding:20px 10px;border-bottom:1px solid #ddd}
#imglist ul.list_2 dt{float:left;position:relative}
#imglist ul.list_2 dd{float:left;width:100%}
#imglist ul.list_2 dd h2{padding:5px 10px;font-size:15px}
#imglist ul.list_2 dd p{padding:5px 10px;color:#818181}
#showimg h1.met_title{font-size:24px;padding:15px 5px;border-bottom:1px solid #ddd;margin-bottom:30px}
#showimg .met_slide_box{text-align:center;background:#000;margin:0 auto;overflow:hidden;position:relative}
#showimg .met_slide_list ul{display:none;}
#showimg ul.exposureThumbs{border-right:0;padding:0;margin:0;list-style-type:none;height:79px; width:790px; margin:0px auto;padding:10px}
#showimg ul.exposureThumbs li{background:#111;margin:0 10px 0 0;padding:0;text-align:center;display:none;float:left}
#showimg ul.exposureThumbs li img{cursor:pointer}
#showimg ul.exposureThumbs li.last{margin:0}
#showimg .exposureWrapper{position:absolute;top:0;left:0}
#showimg .exposureWrapper img{cursor:pointer;position:absolute;top:0;left:0}
#showimg .exposureLoaded{background-image:none}
#showimg ul.exposureThumbs li{width:150px;height:79px}
#showimg .exposureSlideshowControls a{font-size:11px;color:#bba;text-decoration:none;outline:0;padding:2px 6px;display:inline}
#showimg .exposureSlideshowControls a:active,.exposureSlideshowControls a:hover{background-color:#999;color:#444}
#showimg .met_slide_box .left,.met_slide_box .right{position:absolute;width:50%;cursor:pointer}
#showimg .met_slide_box .left a,.met_slide_box .right a{display:block;width:100%;height:100%}
#showimg .imgparalist{background:#8c989f;padding:5px 10px;color:#fff;visibility:hidden;margin-top:30px;visibility:hidden}
#showimg .imgparalist li{list-style:none;padding:8px 5px 8px 90px;min-height:20px;position:relative;border-bottom:1px solid #ddd}
#showimg .imgparalist li:last-child{border-bottom:0}
#showimg .imgparalist li a{color:#fff}
#showimg .imgparalist li span{position:absolute;left:0;top:0;width:80px;padding:8px 5px;overflow:hidden;word-wrap:break-word}
/*#joblist{padding: 30px 10px;}*/
#joblist dl{padding:10px 5px 10px;margin-top:30px;border:1px solid #ddd}
#joblist dt{padding:0 10px;font-size:16px;font-weight:bold}
#joblist dd .dtail{padding:5px 10px 0;border-top:1px solid #ddd}
#joblist dd .dtail span{margin-right:15px}
#joblist dd .dtail a{color:#1c57c4}
#joblist dd .editor{padding:10px}
#joblist dd .mis{padding:5px 10px;border-bottom:1px solid #ddd;font-size:12px}
#joblist dd .mis span{margin-right:15px;color:#999}
#showjob h1.title{font-size:24px;padding:15px 5px;border-bottom:1px solid #ddd;margin-bottom:30px}
#showjob .ctitle{margin:30px 0 10px;padding:0 10px;font-size:16px;font-weight:normal;height:40px;line-height:40px;border-bottom:1px solid #ddd}
#showjob .met_editor{padding: 0 45px;}
#cvlist{/* padding:15px; */width:  1200px;margin:  0 auto;/* border: 1px solid #ddd; */background:  #fff;}
#showjob .paralist{background:#8c989f;padding:5px 10px;color:#fff;visibility:hidden;margin-top:30px;visibility:hidden}
#showjob .paralist li{list-style:none;padding:8px 5px 8px 90px;min-height:20px;position:relative;border-bottom:1px solid #ddd}
#showjob .paralist li:last-child{border-bottom:0}
#showjob .paralist li a{color:#fff}
#showjob .paralist li span{position:absolute;left:0;top:0;width:80px;padding:8px 5px;overflow:hidden;word-wrap:break-word}
#showjob .info_cv{margin-top: 10px;margin-left:10px;text-align:  right;}
#showjob .info_cv a{display:inline-block;background: #c7000a;height:35px;line-height:35px;padding:0 35px;color:#fff;border-radius:2px;text-align:  right;}
#showjob .info_cv a:hover{/* background:#38c4f0 */}
#showjob .info_cv a.active{background:#1ba4cf}
#messagelist{padding:15px}
#messagelist .metlist{margin-top:30px;border:1px solid #ddd;padding:5px}
#messagelist .metlist dt{padding:5px}
#messagelist .metlist dt span.name{color:#2c7199}
#messagelist .metlist dt span.time{padding-left:5px;color:#aaa;font-size:12px}
#messagelist .metlist dt span.tt{float:right;padding-right:5px;color:#aaa}
#messagelist .metlist dd.info span.tt{display:none;clear:both}
#messagelist .metlist dd.info span.text{display:block;line-height:1.5;padding:0 5px 10px;border-bottom:1px solid #ddd}
#messagelist .metlist dd.reinfo span.tt{display:block;padding:10px 5px 0;color:#2c7199}
#messagelist .metlist dd.reinfo span.text{display:block;line-height:1.5;padding:5px 5px 10px}
#messagelist .v52fmbx{margin:30px 0 0}
#linklist{padding:15px 15px 25px}
#linklist .ctitle{margin:10px 0 10px;padding:5px 10px;border-bottom:1px solid #ddd}
#linklist .inside{padding:15px 0 0}
#linklist .metlist .img li{list-style:none;display:inline;padding-right:5px}
#linklist .metlist .img img{width:88px;height:31px}
#linklist .metlist .txt li{list-style:none;float:left;width:88px;height:20px;line-height:20px;margin-right:5px;overflow:hidden}
#linksubmit{padding:15px}
#linksubmit table{margin:0 auto}
#memberbox{padding:15px}
ul.searchnavlist{list-style:none;padding:0 20px;margin:0}
ul.searchnavlist li{padding:5px 0}
ul.searchnavlist .advsearch_searchword input{width:90%;height:28px;line-height:28px\9;padding:2px 5px;border:1px solid #dcdfe0;background-color:#fff;color:#333;outline:0;border-radius:2px}
ul.searchnavlist .searchgo{display:block;background:#23b7e5;border:0 none;height:34px;line-height:26px;padding:0 35px;color:#fff;cursor:pointer;border-radius:2px;font-family:'Microsoft YaHei',Tahoma,Verdana,'Simsun'}
ul.searchnavlist .searchgo:hover{background:#38c4f0}
ul.searchnavlist .searchgo:active{background:#1ba4cf}
#searchlist{padding:15px 0}
#searchlist li{padding-left:10px;margin-bottom:6px;line-height:1.5}
#searchlist ul{list-style:none;padding:0;margin:0}
#searchlist ul li{padding:3px 5px;margin-bottom:10px}
#searchlist ul li img{display:none}
#searchlist .search_title{display:block;padding:2px 0}
#searchlist .search_title a{font-size:16px;color:#12C;text-decoration:underline}
#searchlist .search_title em{color:#c00;text-decoration:underline;font-style:normal}
#searchlist .search_detail{display:block}
#searchlist .search_detail a{text-decoration:underline;color:#12C}
#searchlist .search_content em{color:#c00;font-style:normal}
#searchlist .search_updatetime{display:block;margin-top:5px;color:green}
#searchlist a:hover{text-decoration:underline}
#sitemaplist dl{margin-top:30px;padding:20px;border:1px solid #ddd}
#sitemaplist dt h2{font-size:18px;font-weight:normal;padding:10px 0;border-bottom:1px solid #ddd}
#sitemaplist dt h2 i{font-size:22px;margin-left:10px;font-weight:normal;color:#888;position:relative;top:2px}
#sitemaplist dd ul{float:left;width:25%;list-style:none;margin-top:20px}
#sitemaplist dd li{margin-top:5px}
#sitemaplist dd li h4 a{font-weight:normal;color:#666}
.v52fmbx_hr{/* border-top:1px solid #ddd; */margin:0;padding:0 5px 0 15px;/* font-weight:bold; */font-size: 20px;/* background:#ddd; */height:60px;line-height:60px;text-align: center;}

.met-focus{border:1px solid #23b7e5!important}
.v52fmbx{/* border:1px solid #ddd; */border-top:0;overflow:hidden;text-align:left;width:  80%;margin:  0 auto;}
.v52fmbx dl:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.v52fmbx dl{width: 44%;zoom:1;/* padding-left: 22px; */background:#fff;float:  left;min-height: 64px;line-height:  64px;}
.v52fmbx dl{/* border-top:1px solid #ddd; */margin:0;display:-webkit-box;display:-moz-box;display:box;display:-ms-flexbox;position:relative;padding: 5px 3%;}
.v52fmbx dl dt{/* padding:15px 15px 10px 15px; */width:105px;text-align:left;font-weight:normal;overflow:hidden;/* line-height:1.2; */}
.v52fmbx dl dd{-moz-box-flex:1.0;-webkit-box-flex:1.0;box-flex:1.0;-ms-flex:1;/* padding:2px 0 0 15px; */margin: 14px 0;position:  relative;}
.v52fmbx dl dd label input{position:relative;top:1px;margin-right:3px}
.v52fmbx dl dd .fbox{margin:0 10px 0 0}
.v52fmbx dl dd .tips{color:#aaa}
.v52fmbx dl dd .tips:hover{color:#f00}
.v52fmbx dl dd.labelinline label{display:inline}
.v52fmbx dl dt.addimgdt{padding:10px 5px 10px}
.v52fmbx dl dt.addimgdt p{height:30px;line-height:30px;margin-bottom:8px}
.v52fmbx dl.noborder{border-bottom:0}
.formerror{/* margin-top:6px; */height:20px;line-height:20px;position:  absolute;}
.formerror .fa-times{color:#fff;border-radius:3px;padding:1px 2px;font-size:16px;margin-right:5px;background:red}
.formerror .fa-check{color:#fff;border-radius:3px;padding:2px;font-size:14px;margin-right:5px;background:#10aa00}
.formerrorbox{border:2px solid #f00!important}
.v52fmbx dl dd.ftype_description{color:#fff;padding:8px;margin:0 5px;background:#6c6fbf}
.ftype_input .fbox{float:left}
.ftype_input .tips{float:left;padding-top:5px}
.ftype_input .fbox input{width: 330px;height: 35px;line-height:28px\9;padding:2px 5px;border:1px solid #dcdfe0;background-color:#fff;color:#333;outline:0;border-radius:2px;}
.placeholder-ie{position:relative}
.placeholder-ie label{position:absolute;left:8px;top:7px;cursor:text;color:#999}
.ftype_textarea .tips{display:block}
.ftype_textarea textarea{width: 330px;line-height:1.5;height: 85px;padding:7px 5px;border:1px solid #dcdfe0;background-color:#fff;color:#333;outline:0;resize:  none;}
.ftype_select .tips,.ftype_select-linkage .tips{display:block;margin-top:5px}
select{line-height: 35px;height: 35px;width: 330px;vertical-align:middle;background-color:#fff;outline:0;border: 1px solid #dcdfe0;padding:4px;color:#656565;}
.ftype_radio .fbox label{font-weight:normal;height:28px;line-height:28px;margin:0;/* display:block */margin-right: 35px;}
.ftype_radio .fbox input[type='radio']{border-radius:100%;bottom:3px;height:15px;position:relative;vertical-align:middle;width:15px;margin:0;position:relative;top:-1px;margin-right:6px}
.ftype_radio .formerror{margin-top:0}
.ftype_checkbox .fbox input[type='checkbox']{border-radius:100%;bottom:3px;height:15px;position:relative;vertical-align:middle;width:15px;margin:0}
.ftype_checkbox .fbox label{font-weight:normal;height:28px;line-height:28px;margin:0;display:block}
.ftype_checkbox .fbox input{position:relative;top:-1px;margin-right:6px!important}
.ftype_checkbox .formerror{margin-top:0}
.ftype_transverse .fbox label{display:inline;margin-right:15px}
.submit{display:block;background: #c7000a;border:0 none;height: 40px;line-height:26px;padding:0 35px;color:#fff;cursor:pointer;border-radius: 7px;font-family:'Microsoft YaHei',Tahoma,Verdana,'Simsun';}
.submit:hover{background:#38c4f0}
.submit.active{background:#1ba4cf}
.v52fmbx dl dd.ftype_code input{width:80px;margin-right:10px}
.v52fmbx dl dd.ftype_code img{height:30px;position:relative;bottom:2px}





/*index*/

.swiper-banner{/* height: 780px; */}

.swiper-banner .swiper-button-prev {
    background-image: url(../img/banzuo1.png);
    height: 61px;
    width: 32px;
	left: 95px;
    background-size: auto;
}


.swiper-banner .swiper-button-next {
    background-image: url(../img/banyou1.png);
    height: 61px;
    width: 32px;
	right: 95px;
    background-size: auto;
}

.swiper-banner .swiper-button-prev:hover{background-image: url(../img/banzuo2.png);}
.swiper-banner .swiper-button-next:hover{background-image: url(../img/banyou2.png);}

.swiper-banner .swiper-button-next.swiper-button-disabled{background-image: url(../img/banyou1.png);opacity: 1;}
.swiper-banner .swiper-button-prev.swiper-button-disabled{background-image: url(../img/banzuo1.png);opacity: 1;}

.swiper-banner  .swiper-pagination-bullets{bottom: 20px;}
.swiper-banner .swiper-pagination-bullet{background-color: #fff;opacity: 0.8}
.swiper-banner .swiper-pagination-bullet{width: 30px;height: 4px;border-radius: 0;}
.swiper-banner .swiper-pagination-bullet-active{background-color: #c7000a}





.sec1{width: 1620px;margin: 40px auto 30px;}

p.secentitle {font-size: 72px;font-weight: 600;height: 80px;line-height: 80px;background: -webkit-linear-gradient(top, #F5F5F5 , #fff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
p.sectitle{color:#363636;font-size: 30px;line-height: 30px;height: 30px;position:  relative;top: -35px;/* margin-top: -35px; */}

.sec1topleft p.sectitle{top: 0;margin-top: -35px}

div.secdesc {  line-height: 26px; margin: 15px 0;}
a.secmore{color: #c7000a; font-size: 15px;}

a.secmore:hover{color: #fd6d62;}

.sec1 .sec1top .sec1topleft{width: 840px;float: left;}
.sec1 .sec1top .sec1topright{width: 650px;float: right;position: relative;}
.sec1 .sec1top .sec1topright .sec1img{width: 100%}
.sec1 .sec1top .sec1topright .video{    position: absolute;transition: 0.5s;cursor: pointer;;
    top: 50%;
    margin-top: -60px;
    left: 50%;
    margin-left: -29px;}
.sec1 .sec1top .sec1topright .video1{}
.sec1 .sec1top .sec1topright .video2{}
.sec1 .sec1top .sec1topright .video3{    top: 67%;
    color: #fff;
    font-size: 16px;
    width: 66px;
    margin-left: -33px;}

.sec1 .sec1top .sec1topright .video1:hover{transform: rotate(360deg); -webkit-transform: rotate(360deg);}

.sec1down{width: 100%;padding: 60px 0 0; background: url(../img/gback1.png) bottom left no-repeat, url(../img/gback2.png) bottom right no-repeat;}

.sec1down .sec1downbox{width: 1220px;margin: 0 auto 0;}
.sec1down .sec1downbox .sec1downli{display: inline-block;width: 300px;}
.sec1down .sec1downbox .sec1downli img{display: block;margin: 0 auto 5px;transition: 0.5s;}

.sec1down .sec1downbox .sec1downli:hover img{transform: rotate(360deg); -webkit-transform: rotate(360deg);}


.sec1down .sec1downbox .sec1downli p{text-align: center;color: #363636;}
.sec1down .sec1downbox .sec1downli p.downlitit{font-size: 18px;line-height: 45px;}
.sec1down .sec1downbox .sec1downli p.downlidesc{font-size: 16px;}

.sec2 p.secentitle{text-align: center;}
.sec2 p.sectitle{text-align: center;}


.sec2box{width: 1600px;margin: 0 auto 150px;position: relative;}
.sec2box .sec2boximg{width: 100%;position: relative;}
.sec2box .sec2boximg .s2boxli{position: absolute;top: 0;opacity: 0;z-index: 1;transition: 0.3s;width: 100%;}
.sec2box .sec2boximg .s2boxli img{width: 100%}

.sec2box .sec2boximg .s2boxli1{position: relative;}
.sec2box .sec2boximg .s2boxli.act{opacity: 1;z-index: 2}
.sec2box .sec2boximg .box{position: absolute;width: 350px;height: 160px;left: 50%;margin-left: -175px;top: 30%;margin-top: -70px;}
.sec2box .sec2boximg .box p{font-size: 26px;color: #fff;text-align: center;}
.sec2box .sec2boximg .box .red{width: 50px;height: 50px;border-radius: 50%;background:rgba(199, 0, 10, 0.6);margin: 45px auto 0;position: relative;}

.sec2nav{position: absolute;width: 1000px;height: 160px;left: 50%;margin-left: -500px;bottom: -80px; background: #fff;box-shadow: 0px 0px 30px #ddd;z-index: 3}
.sec2nav .sec2navli{width: 199px;height: 70px;display: block;float: left;position: relative;padding-top: 90px;border-right: 1px solid #cdcdcd;}
.sec2nav .sec2navli5{border-right: none;}
.sec2nav .sec2navli img{position: absolute;left: 50%;margin-left: -35px;margin-top: -70px;transition: 0.5s}
.sec2nav .sec2navli p{text-align: center;color: #515151;font-size: 16px;line-height: 50px;}
.sec2nav .sec2navli .img2{opacity: 0}
.sec2nav .sec2navli:hover .img2{opacity: 1}
.sec2nav .sec2navli:hover .img1{opacity: 0}

.sec2nav .sec2navli:hover{background: url(../img/navback.png) bottom no-repeat;border-bottom: 3px solid #c7000a}
.sec2nav .sec2navli.active{background: url(../img/navback.png) bottom no-repeat;border-bottom: 3px solid #c7000a}




.sec3{margin-bottom: 30px }
.sec3 p.secentitle{text-align: center;}
.sec3 p.sectitle{text-align: center;}

.sec3 .casebox{width: 1620px;margin: 0 auto 0;}
.sec3 .casebox .in_container{width: 1460px; padding: 0 80px; margin: 0 auto;overflow: hidden;}
.sec3 .casebox .swiper-wrapper{height: 400px;}

.sec3 .casebox .swiper-button-next {
    background-image: url(../img/xz-2.png);
    height: 400px;
    width: 80px;
    top: 0;
    left: auto;
    right: 0;
    bottom: auto;
    margin: 0;
    background-size: auto;
}

.sec3 .casebox .swiper-button-next:hover{ background-image: url(../img/xy-2.png);}

.sec3 .casebox .swiper-button-prev {
    background-image: url(../img/xz-1.png);
    height: 400px;
    width: 80px;
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
    margin: 0;
    background-size: auto;
}

.sec3 .casebox .swiper-button-prev:hover{background-image: url(../img/xy-1.png);}

.sec3 .casebox .swiper-button-next.swiper-button-disabled{background-image: url(../img/xz-2.png);opacity: 1;}
.sec3 .casebox .swiper-button-prev.swiper-button-disabled{background-image: url(../img/xz-1.png);opacity: 1;}


.sec3 .casebox  .swiper-slide a{position: relative;overflow: hidden;border-radius: 5px;}

.sec3 .casebox  .swiper-slide a .box{position: absolute; height: 80px;bottom: 0;background: rgba(199, 0, 10, 0.6);width: 100%;bottom: -40px;transition: 0.5s;}
.sec3 .casebox  .swiper-slide a .box p{font-size: 18px;line-height: 40px;text-align: center;color: #fff}
.sec3 .casebox  .swiper-slide a .box span{font-size: 14px;line-height: 20px;text-align: center;color: #fff;width: 100%;display: block;position:  relative;}

.sec3 .casebox  .swiper-slide a .box span .gdal{height: 40px;position:  absolute;top: -11px;}

.sec3 .casebox  .swiper-slide a:hover .box{bottom: 0;background: url(../img/caseliback.png) no-repeat ;}
.sec4 p.secentitle{text-align: center;}
.sec4 p.sectitle{text-align: center;}
.sec4 .sec4box{width: 100%;margin: 0 auto 0;background: url(../img/sec4back.jpg);height: 600px;}
.sec4 .sec4box .newsbox{width: 1460px; margin: 0 auto;height: 530px; padding-top:70px; }
.sec4 .sec4box .newsbox .left{float: left;width: 50%;height: 100%; height: 515px; margin-top: 15px;}
.sec4 .sec4box .newsbox .left .firstnews{width: 520px;margin: 0 auto}
.sec4 .sec4box .newsbox .left .firstnews .down{width: 100%;height: 150px;margin-top: 30px;}
.sec4 .sec4box .newsbox .left .firstnews .down .downleft{width: 75px;float: left;text-align: right;}
.sec4 .sec4box .newsbox .left .firstnews .down .downleft .day{font-size: 20px; color: #565656;}
.sec4 .sec4box .newsbox .left .firstnews .down .downleft .year{font-size: 14px;color: #7f7f7f;}

.sec4 .sec4box .newsbox .left .firstnews .down .downright{float: left; width: 400px;margin-left: 45px;}
.sec4 .sec4box .newsbox .left .firstnews .down .downright .title{font-size: 16px;color: #565656;}
.sec4 .sec4box .newsbox .left .firstnews .down .downright .desc{color: #7f7f7f;font-size: 14px;margin: 15px auto;}
.sec4 .sec4box .newsbox .left .firstnews .down .downright .more{color: #888888;font-size: 14px;}

.sec4 .sec4box .newsbox .left .firstnews:hover .down .downright .title {color: #c7000a;}
.sec4 .sec4box .newsbox .left .firstnews:hover .down .downright .more {color: #c7000a;}

.sec4 .sec4box .newsbox .right{float: left;width: 630px;height: 100%;}
.sec4 .sec4box .newsbox .right .newsarr{width: 630px;max-width: 100%;}
.sec4 .sec4box .newsbox .right .newsarr .newsa{display: block;height: 130px;width: 100%;transition: 0.5s}
.sec4 .sec4box .newsbox .right .newsarr .newsa .saleft,.sec4 .sec4box .newsbox .right .newsarr .newsa .saright{float: left;}
.sec4 .sec4box .newsbox .right .newsarr .newsa{padding: 15px 20px;}
.sec4 .sec4box .newsbox .right .newsarr .newsa .saleft{width: 195px;}
.sec4 .sec4box .newsbox .right .newsarr .newsa .saright{width: 400px;height:  100%;}
.sec4 .sec4box .newsbox .right .newsarr .newsa .saright .title{font-size: 16px;color: #565656;margin-top: 20px;}
.sec4 .sec4box .newsbox .right .newsarr .newsa .saright .desc{color: #7f7f7f;font-size: 14px;margin-top: 15px;}

.sec4 .sec4box .newsbox .right .newsarr .newsa:hover{box-shadow: 0px 0px 10px #ddd;background: url(../img/newsback.png)  bottom right;}
.sec4 .sec4box .newsbox .right .newsarr .newsa:hover{}
.sec4 .sec4box .newsbox .right .newsarr .newsa:hover{}


:-ms-input-placeholder{color:#999}
.sec5{height: 565px;width: 100%;padding-top: 80px;background: url(../img/contactback.jpg) center no-repeat;}
.sec5 .sec5box{width: 1330px;height: 480px;margin: 0 auto;}

.sec5 .sec5box .left{width: 577px;float: right;height: 425px;background:#fff url(../img/mesback.png);padding: 55px 75px  0 45px;}
.sec5 .sec5box   .se1{font-size: 24px;color: #373737;line-height: 40px;}
.sec5 .sec5box   .se2{font-size: 14px;color: #373737;line-height: 30px;margin-bottom: 20px;}
.sec5 .sec5box .left  .messagebox{width: 610px;}
.sec5 .sec5box .left  .messagebox input[type=text]{width: 270px;height: 45px;border: 1px solid #D9D9D9;margin-bottom: 17px;outline: none;padding-left: 15px;background: transparent;}
.sec5 .sec5box .left  .messagebox input.gg{margin-left: 30px;}
.sec5 .sec5box .left  .messagebox textarea{width: 592px;height: 100px;resize: none;border: 1px solid #D9D9D9;outline: none;padding-left: 15px;line-height: 45px;background: transparent;clear: right;}

.sec5 .sec5box .left  .messagebox input[type=text]:focus{border:1px solid  #c7000a!important;}
.sec5 .sec5box .left  .messagebox textarea:focus{border:1px solid  #c7000a!important;}

.sec5 .sec5box .left .messagebox .sub {cursor: pointer;width: 100px;height: 35px;background: #fff;border: 1px solid #c7000a;display: block;float: right;margin-top: 35px;font-size: 15px;color: #c7000a;transition: 0.5s;}
.sec5 .sec5box .left .messagebox .sub:hover{background-color: #c7000a;color: #fff;}

.sec5 .sec5box .right{width: 500px;height: 425px;float: left;background-color:#fff;padding: 55px 50px  0 45px;}
.sec5 .sec5box .right .rigbox{}

.sec5 .sec5box .right .rigbox .list .li{height: 80px;line-height: 40px;border-bottom: 1px solid #e9e9e9;margin-top: 15px;}
.sec5 .sec5box .right .rigbox .list .li .img{float: left;}
.sec5 .sec5box .right .rigbox .list .li .word{float: left;margin-left: 5px }
.sec5 .sec5box .right .rigbox .list .li .word p{font-size: 18px;color: #373737}
.sec5 .sec5box .right .rigbox .list .li .word span{font-size: 16px;color: #373737}








.tem_footer {
    position: relative;
    padding: 15px 0 0;
    background: #fff;
    color: #808080;
    font-size: 12px;
}
.tem_footer a {
    color: #808080;
    line-height: 40px;
}

.tem_footer a:hover{color: #c7000a}


.secfoot{width: 1460px;margin:0 auto;position: relative; border-bottom: 1px solid #ebebeb;}
.secfoot .ftfuwu a{margin:0 12px;line-height: 40px;}
.secfoot  .wxbox{position:absolute;top:0;right:0;}
.secfoot  .wxbox .shu{height: 34px; width: 1px; display: inline-block; background: #808080;margin: 0 20px;}

.copyright{width: 1130px;margin:0 auto;line-height: 75px;height: 75px;font-size:12px;color: #595959;}
.copyright .left{float:left;}
.copyright .right{float:right; text-align:right;}
.copyright .right .redyue{color:#c7000a;}
.copyright .right .redyue:hover{color:#fd6d62;}


.neiye_footer {background:#272729;}
.neiye_footer .secfoot{ border-bottom: 1px solid #474747;}
.neiye_footer .copyright{color: #b1b1b1;}
 



.swiper-slide img{max-width: 100%}

@media(max-width: 1640px){
	.sec1{width: 100%}
	.sec1 .sec1top .sec1topleft{width: 48%; padding: 0 15px}

	.sec3 .casebox{width: 1400px}
	.sec3 .casebox .in_container{width: 1240px;}
	.sec3 .casebox .swiper-wrapper{height: 338px;}
	.sec3 .casebox .swbut{height: 340px;}
}

@media(max-width: 1620px){
	.sec2box{width: 100%}

}

@media(max-width: 1620px){
	.sec5 .sec5box{/* width: 1400px */}
	.sec5 .sec5box .left{/* width: 735px; */}
	.sec5 .sec5box .left .messagebox{width: 606px;}
	.sec5 .sec5box .left .messagebox input[type=text]{width: 268px;}
	.sec5 .sec5box .left .messagebox textarea{width: 588px;}

}


@media(max-width: 1480px){
	.sec4 .sec4box .newsbox{width: 1260px}
	.sec4 .sec4box .newsbox .left{width: 570px}
	.tem_head nav{width: 560px;}
	.tem_head nav a{    padding: 0px 10px;}
	.secfoot{width: 1230px;}
}


@media(max-width: 1420px){
	.sec3 .casebox{width: 1260px}
	.sec3 .casebox .in_container{width: 1100px;}
	.sec3 .casebox .swiper-wrapper {
	    height: 297px;
	}
	.sec3 .casebox .swbut{height: 300px;}

	.sec5 .sec5box{width: 1200px}
	.sec5 .sec5box .left{/* width: 635px; */}
	.sec5 .sec5box .left .messagebox{/* width: 636px; */}
	.sec5 .sec5box .left .messagebox input[type=text]{/* width: 283px; */}
	.sec5 .sec5box .left .messagebox textarea{/* width: 618px; */}
	.sec5 .sec5box .right{width: 385px;}


	.sec2box {
	    margin-bottom: 120px;
	}
	p.secentitle{font-size: 60px;height: 70px;}
	p.sectitle{font-size: 24px;height: 30px;}

}




@media(max-width: 1330px){ 
	.sec1 .sec1top .sec1topright{width: 48%;     padding: 0 10px; }
}


 

/*neiye*/
.banner {position: relative;}
.banner img{width: 100%;height: auto;}

.met_article_head .navlist a{margin: 0 30px; font-size: 15px; color: #555555;}

.met_article_head .navlist a:hover,.met_article_head .navlist a.act{border-bottom: 2px solid #c7000a;display: inline-block;}

.contact{width: 1260px;margin:0 auto 55px;}
.contact .ctattit{font-size: 24px;color: #4c4c4c;text-align: center;line-height: 135px;}
.contact .ctaul {border-top: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;}
.contact .ctaul .ctali{float: left;width: 25%;height: 165px;padding-top: 15px;text-align: center;border-right: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;box-sizing:  border-box;cursor: pointer;}
.contact .ctaul .ctali .imgbox{position: relative;height: 50px;width: 100%;}
.contact .ctaul .ctali .imgbox img{position: absolute;top: 0;left: 50%;margin-left: -30px;transition: 0.5s}
.contact .ctaul .ctali .imgbox img.img1{opacity: 0;}
.contact .ctaul .ctali .key{font-size: 16px;color: #5e5e5e;line-height: 35px;}
.contact .ctaul .ctali .val{font-size: 15px;color: #5e5e5e;width: 75%;margin: 0 auto;line-height: 21px;}



.contact .ctaul .ctali:hover .imgbox img.img2{opacity: 0;}
.contact .ctaul .ctali:hover .imgbox img.img1{opacity: 1;}

.contact .map{margin: 25px auto 0;position: relative;}
.contact .map .mapblack{position: absolute;height: 100%; width:100%; top: 0; left: 0; z-index: 33;background: rgba(0,0,0,0.3);}



.job{background:url(../img/search_job.jpg);padding-top: 40px;padding-bottom:  40px;}




.joblist {width: 1260px; margin: 0 auto; }

.joblist ul{list-style: none;margin: 0 auto;/* width: 97%; */background: rgba(255, 255, 255, 0.6);}

.job .met_pager{background: rgba(255, 255, 255, 0.6);}

.joblist ul li{
	    /* float: left; */
	    width: 97%;
	    margin:  0 auto;
	    /* border: 1px solid #ccc; */
	    border-left:none;
	    height: 60px;
	    line-height: 60px;
	    border-bottom: 1px solid #e7e7e7;
	    /* border-right:  1px solid #ccc; */
}
.joblist ul li.titile_nav{background: #c7000a;width:  100%;}
.joblist ul li dd{
	width: 20%;
	float: left;
	font-size: 14px;
	color: #595959;
	text-align: center;
	/* border-left: 1px solid #ccc; */
	box-sizing:  border-box;
}

.joblist ul li.titile_nav dd{border: 0; color: #fff;}


.job #showjob{width: 990px;margin: 0 auto;padding: 80px 70px 10px;position:  relative;background: rgba(255, 255, 255, 0.6);}



.showjobbox a#back{font-weight:100;position: absolute;right: 38px;top: 30px;padding: 5px;z-index: 9;font-size: 36px;color: #E6571E;}
.showjobbox a#back:before{content:"";display: block;width:24px;height:4px;background:#E6571E;position: absolute;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg); }
.showjobbox a#back:after{content:"";display: block;width:24px;height:4px;background:#E6571E;position: absolute;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg); }



.showjobbox{width: 990px;margin: 0 auto;background: rgba(255, 255, 255, 0.6);padding-bottom: 25px;font-size: 16px;color: #5e5e5e;}

.showjobbox .title{font-size: 20px;line-height: 50px;height: 50px;padding-left: 72px;background:  #c7000a;color:  #fff;margin-bottom:  20px;}


.subbox{margin-bottom: 20px;}
.subbox .submit{margin: 0 auto;}



.news{}
.news .newslist{
    width:  1200px;
    margin: 0 auto;
    padding-top:  30px;
}
.news .newslist ul{
    list-style: none;
}
.news .newslist ul .newsli{
    height: 260px;
    margin-bottom:  30px;
    padding: 20px 30px;
    border: 1px solid #e7e7e7;
    transition: 0.5s;
}

.news .newslist ul .newsli .cont{
    height:  100%;
}
.news .newslist ul .newsli .cont .left{
    float:  left;
    height:  100%;
    width: 360px;
    overflow: hidden;
}
.news .newslist ul .newsli .cont a{display: block;}
.news .newslist ul .newsli .cont .left img{transition: 0.5s}

.news .newslist ul .newsli .cont .right{
    float:  left;
    height:  100%;
    width: 738px;
    margin-left:  40px;
}
.news .newslist ul .newsli .cont .right .time{
    font-size:  14px;
    color: #888888;
    line-height: 50px;
}
.news .newslist ul .newsli .cont .right .title{font-size:  16px;color: #444444;margin-bottom: 15px;}
.news .newslist ul .newsli .cont .right .description{
    font-size:  14px;
    color: #666;
    line-height:  35px;
}
.news .newslist ul .newsli .cont .right .more{width:  95px;height:  35px;line-height:  35px;text-align:  center;margin-top:  33px;border-radius: 35px;box-shadow:  0px 0px 10px #ddd;color: #999;}


.news .newslist ul .newsli:hover{box-shadow: 0px 0px 10px #ddd;}
.news .newslist ul .newsli:hover .left img{transform: scale(1.05);}
.news .newslist ul .newsli:hover  .cont .right .title{color: #c7000a}
.news .newslist ul .newsli .cont .right .more:hover {color: #c7000a}




/*shownews*/

.shownewsbox{width:1050px;padding:10px 75px 40px;  margin: 30px auto ;min-height:180px;background:#fff;box-shadow:0px 0px 15px #ddd;position:relative;}

.newstitle{line-height:70px;font-size:18px;color:#666666;border-bottom:1px solid #ececec;text-align:center;}
.tool{height:30px;padding-top:20px;}
.tool .time{float:left;width:46%;text-align:right;line-height:28px}
.tool .share{float:right;width:46%;text-align:left;}
.newsback{width:90px;height:36px;text-align:center;line-height:36px;cursor:pointer;background:#f7f7f7;color:#888888;transition:0.5s;    display: block;
    border-radius: 5px;
    position: absolute;
    right: 76px;
    top: 22px;}
.newsback:hover{background:#c4191f;color:#fff;}

.newscont p,.newscont span{line-height:30px;}




/*case*/
 
.caselist  .caselist-s3{width: 1125px;/* padding: 0 80px; */margin: 0 auto;overflow: hidden;padding-top: 40px;}
.caselist .caselist-s3 a{position: relative;overflow: hidden;border-radius: 5px;}

.caselist .caselist-s3 a .box{position: absolute; height: 80px;bottom: 0;background: rgba(199, 0, 10, 0.6);width: 100%;bottom: -40px;transition: 0.5s;}
.caselist .caselist-s3 a .box p{font-size: 18px;line-height: 40px;text-align: center;color: #fff}
.caselist   .caselist-s3 a .box span{font-size: 14px;line-height: 20px;text-align: center;color: #fff;width: 100%;display: block;position:  relative;}

.caselist   .caselist-s3 a .box span .gdal{height: 40px;position:  absolute;top: -11px;}

.caselist   .caselist-s3 a:hover .box{bottom: 0;background: url(../img/caseliback.png) no-repeat ;}
.caselist  .casedetail{float: left;/* width:  25%; */margin: 0 16.5px;overflow:  hidden;margin-bottom: 30px;}

.caselist  .casedetail112{border: 1px solid #ebebeb;}


/*about*/
.jtjj{/* width: 1260px; */margin: 0 auto;/* background:  #fafafa; */padding-bottom:  35px;}

.jtjj .num {padding: 60px 0 40px;width: 1260px;margin: 0 auto;}

.jtjj .num .roll{
    float:  left;
    width:  25%;
    height:  70px;
    text-align:  center;
    line-height: 25px;
    border-right: 1px solid #e5e5e5;
    box-sizing:  border-box;
    color: #666;
    font-size: 15px;
}
.jtjj .num .roll4{border: none}
.jtjj .num .roll span{
    font-size:  45px;
    color: #c7000a;
    line-height:  50px;
    height:  50px;
}
.jtjj .num .roll sup{
    font-size: 30px;
    color: #c7000a;
    /* line-height: 48px; */
    /* height: 17px; */
    position:  relative;
    top: -20px;
}

.jtjj .num .roll p{}

.jtjj .jtjjdown{background:#fff;}

.jtjj .cont{
    width:  1260px;
    margin:  0 auto;
    position:  relative;
    height:  570px;
}

@media(max-width: 1320px){
	.jtjj .cont{width: 1180px;}
}


.jtjj .cont .left{float: left;width: 50%;line-height: 30px;}
.jtjj .cont .right{float: left;width: 50%;height:  100%;position:  relative;}

.jtjj .cont .right .img{position: absolute;}
.jtjj .cont .right .img1{
    bottom: 25px;
    left: 40px;
}
.jtjj .cont .right .img1 .video{position: absolute;top: 50%;left:  50%;margin-top: -29px;margin-left: -29px;transition: 0.5s; cursor: pointer;}

.jtjj .cont .right .img1 .video1:hover{transform: rotate(360deg);}

.jtjj .cont .right .img1 .video3{
    top: 64%;
    color: #fff;
    font-size:  16px;
    width:  66px;
    margin-left:  -33px;
}
.jtjj .cont .right .img2{
    right:  0;
    top: 0;
}




/*honor*/

 .honor{width: 1260px;margin: 23px auto 0;}
 .honor li{width: 300px;height: 201px;float: left;list-style:  none;margin: 0 6px 22px;}



.history{}
.history .historylist{}
.history .historylist .newsli{
    height:  150px;
    width:  100%;
    border-bottom: 1px solid #e7e7e7;
    list-style: none;
    /* transition: 0.5s; */
    position:  relative;
}
.history .historylist .newsli1 .left{
    line-height:  150px;
    width: 46%;
    float:  left;
    padding-right: 4%;
    text-align: right;
    font-size:  36px;
    color: #c7000a;
    height: 150px;
    /* border-right: 1px solid #e7e7e7; */
    position:  relative;
    transition:  0.5s;
}
.history .historylist .newsli1 .right{
    float: left;
    margin-left: 4%;
    width: 42%;
    text-align:  left;
    padding: 25px 0;
    line-height: 33px;
    font-size:  14px;
    color:  #666;
    height: 100px;
    transition:  0.5s;
}




.history .historylist .newsli2 .right{
    line-height:  150px;
    width: 43%;
    float:  left;
    padding-left: 6%;
    text-align: left;
    font-size:  36px;
    color: #c7000a;
    position:  relative;
    transition:  0.5s;
}
.history .historylist .newsli2 .left{
    float: left;
    margin-left: 4%;
    width: 42%;
    text-align: right;
    height: 100px;
    padding: 25px 0;
    line-height: 33px;
    font-size:  14px;
    color:  #666;
    padding-right: 4%;
    /* border-right: 1px solid #e7e7e7; */
    transition:  0.5s;
}


@media(min-width: 1800px){
	.history .historylist .newsli2 .left{width: 30%;margin-left: 16%}
	.history .historylist .newsli1 .right{width: 30%; }
}


.history .historylist .newsli .xdt10, .history .historylist .newsli .xdt20{  
	animation: sline 1s ease-out infinite;
    animation: sline 1s ease-out infinite\0/IE9;}

    @keyframes sline{
        0%{width: 0px; opacity: 0;}
        35%{width: 25px; opacity: 1;}
        65%{width: 53px;opacity: 1;}
        100%{width: 80px;opacity: 1;}
    }


.history .historylist .newsli:hover .ssline{display: none;}


.history .historylist .newsli .xdt10{width: 80px;height: 36px; position: absolute;left: 100%;margin-left: -40px;top: 50%;margin-top: -18px;background:url(../img/history_img_red.png) left;transition: 0.5s}

.history .historylist .newsli .xdt20{width: 80px;height: 36px;position: absolute;right: 100%;margin-right: -40px;top: 50%;margin-top: -18px;background:url(../img/history_img_red.png) right;transition: 0.5s;}


.history .historylist .newsli .xdt1{width: 0px;height: 36px; position: absolute;left: 100%;margin-left: -40px;top: 50%;margin-top: -18px;background:url(../img/history_img.png) left;transition: 0.5s}

.history .historylist .newsli .xdt2{width: 0px;height: 36px;position: absolute;right: 100%;margin-right: -40px;top: 50%;margin-top: -18px;background:url(../img/history_img.png) right;transition: 0.5s;}

.history .historylist .newsli1:hover .left{color: #fff}
.history .historylist .newsli2:hover .right{color: #fff}


.history .historylist .newsli2:hover .left{color: #fff;}
.history .historylist .newsli1:hover .right{color: #fff;}


.history .historylist .newsli1.desact .right{color: #fff;transition:   0.5s;}
.history .historylist .newsli2.desact .left{color: #fff;transition:   0.5s;}
.history .historylist .newsli.xdtact .xdt{width: 80px}


.history .historylist .newsli:hover{background:#c7000a;}



.hishead{height: 140px;padding-top:  40px;width: 100%;border-bottom: 1px solid #e7e7e7;}
.hishead img{display: block;margin: 0 auto 10px;}
.hishead p{text-align: center;color: #333; font-size: 22px;}


.history .xiang{margin: 70px auto; width: 70px;height: 40px; border: 1px solid #e7e7e7;background:url(../img/xx.png);}




/*porduct*/

.pronav{width:  1260px;margin:  0 auto;text-align: center;padding-top: 30px;}
.pronav .pronavli{
    display:  inline-block;
    margin: 0 12px 30px;
    width: 393px;
    position:  relative;
}
.pronav .pronavlibig{width: 575px;}
.pronav .pronavli1{}
.pronav .pronavli2{}
.pronav .pronavli .bigimg{
    width:  100%;
    border-radius:  6px;
}

.pronav .pronavli .imgbox{
	position:  absolute;
	top: 50%;
	margin-top: -65px;
	left:  50%;
	margin-left: -45px;
	transition: 0.5s;
	width: 90px;
	height: 90px;
	background: rgba(0, 0, 0, 0.4);
	border-radius:  50%;
}
.pronav .pronavli .img{
    position:  absolute;
    top: 10px;
    left:10px;
    transition: 0.5s;
}
.pronav .pronavli3 .img{
	top: 3px;
}
.pronav .pronavli .img1{}
.pronav .pronavli .img2{
    opacity:  0;
}
.pronav .pronavli p{
    width:  100%;
    /* position:  absolute; */
    /* top: 50%; */
    font-size:  18px;
    color: #c7000a;
    margin-top: 10px;
}

.pronav .pronavli:hover  .imgbox{background:#c7000a;}

.product{
    /* padding-top: 35px; */
}
.product .productul{
    width:  1260px;
    margin:  0 auto;
    list-style: none;
}
.product .productul .productli{
    width:  384px;
    float:  left;
    margin: 0 16px 32px;
}
.product .productul .productli a{
    display:  block;
    border: 1px solid #e7e7e7;
    border-radius:  5px;
    overflow: hidden;
}
.product .productul .productli a img{
    width:  100%;
}
.product .productul .productli a .title{
    width:  100%;
    height:  42px;
    line-height:  42px;
    font-size:  16px;
    color:  #666666;
    border-top: 1px solid #e7e7e7;
    text-align: center;
    position: relative;
    transition: 0.3s;
}

 

.product .productul .productli a.show{transition: 0.5s}

.product .productul .productli a  .hovbox .hov1{
    text-align:  left;
}
.product .productul .productli a  .hovbox .hov2{
    float:  right;
}

.product .productul .productli a:hover .title{background: #c7000a;color: #fff} 



.showproduct{
    width:  1260px;
    margin:  0 auto;
    padding-top: 20px;
	padding-top: 40px;
}
.showproduct .list{
    float:  left;
    width:  260px;
}
.showproduct .list .listhead{
    font-size:  16px;
    color: #4c4c4c;
    line-height: 40px;
    position: relative;
    /* padding-left:  25px; */
}
.showproduct .list .listhead .dian{
	display: inline-block;
	width:  5px;
	height:  5px;
	background:  #000;
	border-radius:  5px;
	margin:  0 7px;
	position: relative;
    top: -2px;
}
.showproduct .list .productul{
    list-style: none;
}
.showproduct .list .productul .productli{
    display:  block;
    width:  260px;
    height:  220px;
    margin: 0 auto 15px;
}
.showproduct .list .productul .productli a{
    display:  block;
    border:  1px solid #e7e7e7;
    border-radius:  5px;
    overflow:  hidden;
}
.showproduct .list .productul .productli a img{} 
.showproduct .list .productul .productli a .title{
    line-height:  40px;
    height:  40px;
    text-align:  center;
    color: #4c4c4c;
    font-size:  14px;
    transition: 0.3s
}

.showproduct .list .productul .productli a:hover .title{background:#c7000a;color: #fff}

.showproduct .content{
    width:  950px;
    float:  left;
    margin-left: 20px;
    overflow: hidden;
    line-height: 24px;
    
}

.showproduct .content img{max-width: 100%;height: auto;}


 .banner {}
 .banner .bna{
    position:  absolute;
    width:  300px;
    top: 0;
    left: 20%;
    height:  100%;
    background: #c7000a url(../img/bnabot.png) bottom no-repeat;
}
 .banner .bna .bnabox{
    height:  190px;
    width: 76%;
    padding: 0px 12%;
    position:  absolute;
    top: 50%;
    margin-top: -95px;
}
 .banner .bna .bnabox .ywzj{
    font-size:  24px;
    /* text-align:  center; */
    color:  #fff;
}
 .banner .bna .bnabox .enyw{
    font-size:  12px;
    color:  #fff;
    text-align:  center;
}
 .banner .bna .bnabox .name{
    font-size:  18px;
    color: #fff;
    margin-top: 70px;
}
 .banner .bna .bnabox .enname{
    font-size:  12px;
    color:  #fff;
}

 .banner .bna .bnabox .down{width: 40px;height: 40px;position: absolute;bottom: 31px;right: 62px;}




.rela{position: relative;}
.rela  .absmore{position: absolute;top: 50px;right: 240px;font-size: 12px;color: #999;z-index: 333}
.rela  .absmore:hover{color: #c7000a}


.totop{position: fixed;bottom: 50px;right: 50px;z-index: 333333;display: none;}


    .s2boxli .box .red i{
        display: block;width: 48px;height: 48px;
        background: url(../img/bot-arr.png) center no-repeat;
        animation: downico 1.5s ease-out infinite;
        animation: downico 1.5s ease-out infinite\0/IE9;
        position: absolute;left: 0;top: 0;
    }
    @keyframes downico{
        0%{left: 0; opacity: 1;}
        35%{left: 30%; opacity: 0;}
        65%{left: -30%;opacity: 0;}
        100%{left: 0;opacity: 1;}
    }



    .fixvoder{
    position:  fixed;
    top: 0;
    left:  0;
    width:  100%;
    height:  100%;
    z-index:  33;
    background: rgba(0, 0, 0, 0.6);
    display: none;
}
     .fixvoder .videobox{
    position:  absolute;
    width: 1024px;
    height: 576px;
    top: 50%;
    margin-top: -288px;
    left:  50%;
    margin-left: -512px;
}


.fixvoder a.closevideo{font-weight:100;position: absolute;right: 34px;top: 8px;padding: 5px;z-index: 9;font-size: 36px;color: #E6571E;}
.fixvoder a.closevideo:before{content:"";display: block;width: 35px;height:4px;background:#E6571E;position: absolute;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);}
.fixvoder a.closevideo:after{content:"";display: block;width: 35px;height:4px;background:#E6571E;position: absolute;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);}

.fixvoder .closevideo {
    position: absolute;
    top: -20px;
    right: -20px;
    width: 40px;
    cursor: pointer;
}

.fixvoder .closevideo img {
    width: 100%;
}

.pronavover{width: 1163px;margin: 0 auto;height: 100px;overflow: hidden;}

.pronav3box{width: 1128px;margin: 0 auto;height: 100px;overflow:  visible;}
.pronav3box .swiper-wrapper {
    height:  100%;
    overflow: visible;
}

.pronav3box .swiper-wrapper .swiper-slide {}
.pronav3box .swiper-wrapper .swiper-slide a{
    width: 200px;
    height:  36px;
    text-align:  center;
    display:  block;
    line-height:  36px;
    margin: 33px auto 0;
    background: #fafafa;
    border-radius:  6px;
}

.pronav3box .swiper-wrapper .swiper-slide a:hover,.pronav3box .swiper-wrapper .swiper-slide a.act{background: #c7000a;color: #fff}

.pronav3box .swiper-button-next{
  background-image: url(../img/proyou1.png);
  right: -22px;
  width:  36px;
  height:  36px;
  background-size: cover;
  margin-top:  -18px;
}
.pronav3box .swiper-button-prev{
	 background-image: url(../img/prozuo1.png);
	 width:  36px;
	 height:  36px;
	 background-size:  cover;
	 left: -25px;
	 margin-top:  -18px;
}

.pronav3box .swiper-button-next.hide{display: none}
.pronav3box .swiper-button-prev.hide{display: none;}

.pronav3box .swiper-button-next:hover{background-image: url(../img/proyou.png);}
.pronav3box .swiper-button-prev:hover{background-image: url(../img/prozuo.png);}

.pronav3box .swiper-button-next.swiper-button-disabled{background-image: url(../img/proyou1.png);opacity: 1;}
.pronav3box .swiper-button-prev.swiper-button-disabled{background-image: url(../img/prozuo1.png);opacity: 1;}

.tem_head nav ul li dl.cc1{    left: 4px;}
.tem_head nav ul li dl.cc3{    left: -39px;}
.tem_head nav ul li dl.cc33{left: -53px;}
.tem_head nav ul li dl.cc2{    left: 4px;}
.tem_head nav ul li dl.cc108{    left: 4px;}
.tem_head nav ul li dl.cc100{left: -68px;}

@media(max-width: 1400px){
	.tem_head nav ul li dl.cc1{    left: -12px;}
.tem_head nav ul li dl.cc3{    left: -50px;}
.tem_head nav ul li dl.cc33{left: -66px;}
.tem_head nav ul li dl.cc2{    left: -12px;}
.tem_head nav ul li dl.cc108{    left: -12px;}
.tem_head nav ul li dl.cc100{left: -85px;}
}


.s2boxli5 .box p{color: #c7000a!important;}

.s2boxli3 .box p{color: #c7000a!important;}




@media(max-width: 1600px){
.sec5{background-size: 94%;}
}
@media(max-width: 1440px){
.sec5{background-size: 100%;}
}
@media(max-width: 1366px){
.sec5{background-size: 96%;}
}
@media(max-width: 1280px){
.sec5{background-size: 100%;}
}



.honor li.cd18{
    width: 230px;
    height: 338px;
    margin: 0 10px 22px;
}